<!DOCTYPE html>
<html lang="en">
<head>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>职位管理</title>
    <script type="text/javascript" src="/staticimg/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">

        function add(){
            location.href="/add1";
        }


        // 删除单行信息
        function deleteOne(obj,uid,pageSize){
            //此处alert,为提示框,这confirm为确认就删,取消就是不删除
            //AJAX也可以用最下面哪个简单版的
            if (confirm("确定删除~~~")) {
                //发送AJAX请求
                $.ajax({
                    url:"/delete?uid="+uid+"&pageSize="+pageSize,
                    data:null,
                    type:"post",
                    dataType:"json",
                    success:function (rs) {    //rs用来接收返回的结果
                        if (rs.code==0){
                            //删除成功
                            $(obj).parent().parent().remove();
                        } else {
                            //删除失败
                            alert(rs.msg);
                        }
                    }
                })

                // $.getJSON(
                //     "/delete?uid="+uid+"&pageSize="+pageSize,
                //     null,
                //     function (rs) {
                //         if (rs.code==0){
                //             //删除成功
                //             $(obj).parent().parent().remove();
                //         }
                //         else {
                //             //删除失败
                //             alert(rs.msg);
                //         }
                //     }
                // );
            }
        }


        // 当元素的值发生改变时，会发生 change 事件。
        $(function () {
            $("#jump").change(function () {
                //1、获取被选中的value
                var did=$(this).val();
                if(did>${pageinfo.pages} || did<=0){
                    alert("页码不正确");
                }else {
                    $.ajax({
                        url: "/getAllUsers?pageSize=${pageSize}",
                        data: "index=" + did,
                        type: "post",
                        dataType: "json",
                        success: function (rs) {    //rs用来接收返回的结果
                            // for (var i = 0; i < rs.length; i++) {
                            //     ///让下拉框的长度为0，也就是rs的长度为0
                            //     $("#role")[0].length = 0;
                            //     //此处是定位到这个add.jsp页面里的角色对象（var role= $("#role");），之后点出add方法，
                            //     //此处的[0]是因为add方法为js的方法，所以得把得到的jquery对象化为js对象，加个[0]就OK
                            //     // 为下拉框添加元素
                            //     //Option(显示到标签对中的值，value值)
                            //     $("#role")[0].add(new Option(rs[i].rname, rs[i].roleid));

                            }

                        })
                }
            })
        })
    </script>
</head>
<body>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">

            <h3 class="text-center text-warning">
<#--                function f() {-->
<#--                location.href='/add1';-->
<#--                }-->
                职位管理
            </h3>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default btn-primary" onclick="add()">新增</button>
            <table class="table">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>职位名称</th>
                    <th>职能描述</th>
                    <th>添加时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <#list pageinfo.list as student>
                    <tr>
                        <td>${student.uid}</td>
                        <td>${student.uname}</td>
                        <td>${student.udescribe}</td>
                        <td>${student.startdate?string('yyyy-MM-dd')}</td>
                        <td>
                            <a href="beforeupdate?uid=${student.uid}&pageSize=${pageSize}">编辑</a>
                            &nbsp;&nbsp;&nbsp;
                            <a onclick="deleteOne(this,${student.uid},${pageSize})">删除</a>
                            &nbsp;&nbsp;&nbsp;
                        </td>
                    </tr>
                </#list>

                </tbody>
            </table>

            <ul class="pagination">
                <form action="/getAllUsers" method="post">
                    <label class="control-label">每页显示：</label>
                    <div>
    <#--                    value=""-->
                        <select class="span6 m-wrap" name="pageSize" id="platform" style="width:178px;" >
                            <option value="1" [#if pageSize == 1]selected="selected"[/#if]>1</option>
                            <option value="2" [#if pageSize == 2]selected="selected"[/#if]>2</option>
                            <option value="3" [#if pageSize == 3]selected="selected"[/#if]>3</option>
                            <option value="4" [#if pageSize == 4]selected="selected"[/#if]>4</option>
                            <option value="5" [#if pageSize == 5]selected="selected"[/#if]>5</option>
                            <option value="6" [#if pageSize == 6]selected="selected"[/#if]>6</option>
                        </select>
                    </div>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="submit" class="btn btn-default btn-primary" href="/getAllUsers?index=1">刷新</button>
                </form>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                共${pageinfo.pages}页/${pageinfo.total}条数据

                <#if pageinfo.hasPreviousPage>
<#--                    <li>-->
<#--                        <a href="javascript:;" onclick="location.href='/debt/list?index=${pageInfo.nextPage}'">下一页</a>-->
<#--                    </li>-->
<#--                    也可以写为楼下-->
                    <li>
                        <a href="/getAllUsers?index=1&pageSize=${pageSize}">首页</a>
                    </li>
                    &nbsp;&nbsp;&nbsp;
                    <li>
                        <a href="/getAllUsers?index=${index1-1}&pageSize=${pageSize}">上一页</a>
                    </li>
                </#if>
                &nbsp;&nbsp;&nbsp;
                <#list 1..pageinfo.pages as pages>
                    <li>
                        &nbsp;&nbsp;&nbsp;
                        <a href="/getAllUsers?index=${pages}&pageSize=${pageSize}">${pages}</a>
                    </li>
                </#list>
                <#if pageinfo.pageNum lt pageinfo.pages>
                    <li>
                        <a href="/getAllUsers?index=${index1+1}&pageSize=${pageSize}">下一页</a>
                    </li>
                    <li>
                        <a href="/getAllUsers?index=${pageinfo.pages}&pageSize=${pageSize}">尾页</a>
                    </li>
                </#if>
                <form action="/getAllUsers" method="post">
                    跳至<input type="text" id="jump" >页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="submit" class="btn btn-default btn-primary" href="/getAllUsers?index=1">刷新</button>
                </form>

            </ul>
        </div>
    </div>
</div>
</body>
</html>